﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="../jquery-easyui-1.4.3/themes/icon.css" />
    <link rel="stylesheet" href="../themes/default/easyui.css" />
    <script src="../jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <link href="jquery-easyui-1.4.3/themes/default/Site.css" rel="stylesheet" />
</head>
<body>
    <fieldset style="border-color:cornflowerblue;">
        <legend>查询</legend>
        消费日期:<input class="easyui-datetimebox" name="birthday"
                    data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">
        至:<input class="easyui-datetimebox" name="birthday"
                 data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">  <br />
        卡号/手机:<input id="vv" class="easyui-textbox" />
        按会员等级:<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
            <option value="aa">vip1</option>
            <option>vip2</option>
            <option>vip3</option>
            <option>vip4</option>
        </select>
        消费金额:<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
            <option value="aa">>=</option>
            <option><=</option>
        </select>
        <input id="vv" class="easyui-textbox" /> <br />
        订单号:<input id="vv" class="easyui-textbox" />
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
    </fieldset>
    <table id="dg"></table>     
    <div id="dlg" data-ng-options="iconCls:'icon-save',resizable:true,closed:true">
        <iframe id="frm1" width="99%" height="99%" frameborder="0" scrolling="no"></iframe>
    </div>
    <script type="text/javascript">
    $(function () {
        $("#dg").datagrid({
            fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
            toolbar: "#tb",//通过选择器指定的工具栏。
            pagination: true,//如果为true，则在DataGrid控件底部显示分页工具栏。
            singleSelect: true,//如果未true，则只允许选择一行数据
            rownumbers: true,//如果未true，则显示一个行号列
            method: "get",
            url: '/jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json',//设置能够返回json数据的Action所对应的路径
            columns: [[
            { field: 'productid', title: 'Code', width: 100 },
            { field: 'productname', title: 'Name', width: 100 },
            { field: 'unitcost', title: 'Price', width: 100, align: 'right' }
            ]]
        });
    })
    </script>
</body>
</html>
